<html lang="zh-cn" >
<head>
    <meta charset="utf-8" />
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no" media="screen"/>
    <title>对话窗口</title>
    <link rel="icon" type="image/png" href="../../img/icon.png">
    <link rel="stylesheet" type="text/css" href="../css/app.css">
    <link rel="stylesheet" type="text/css" href="../css/message.css">
    <link rel="stylesheet" type="text/css" href="../css/msgWin.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="/h5/js/all.js"></script>
    <style type="text/css">
        /*body { background:#f9f9f9; }*/
        /*input,button{outline:none;}*/
        /*.wenwen-footer{width:100%;position:fixed;bottom:-5px;left:0;background:#fff;padding:3%;border-top:solid 1px #ddd;box-sizing:border-box;}*/
        /*.wenwen_btn,.wenwen_help{width:15%;text-align:center;line-height:40px;}*/
        /*.wenwen_btn { color:#0088cc;font-size:14px; }*/
        /*.wenwen_help img{height:40px;}*/
        /*.wenwen_text{height:40px;border-radius:5px;border:solid 1px #636162;box-sizing:border-box;width:66%;text-align:center;overflow:hidden;margin-left:2%;font-size:20px;}*/
        /*.circle-button{padding:0 5px;}*/
        /*.wenwen_text .circle-button{font-size:14px;color:#666;line-height:38px;}*/
        /*.write_box{background:#fff;width:100%;height:40px;line-height:40px;}*/
        /*.write_box input{height:40px;padding:0 5px;line-height:40px;width:100%;box-sizing:border-box;border:0;}*/
        /*.wenwen_help button{width:95%;background:#42929d;color:#fff;border-radius:5px;border:0;height:40px;}*/
        /*#wenwen{height:100%;}*/
        /*.speak_window{ height:100%;width:100%;overflow-y:scroll;*/
            /*position:absolute;top:50px;left:0;}*/
        /*.speak_box{margin-bottom:70px;padding:10px;}*/
        /*.question,.answer{margin-bottom:1rem;}*/
        /*.question{text-align:right;}*/
        /*.question>div{display:inline-block;}*/
        /*.left{float:left;}*/
        /*.right{cursor:pointer;float:right;}*/
        /*.clear{opacity:0;clear:both;}*/
        /*.heard_img{height:60px;width:60px;border-radius:5px;overflow:hidden;background:#ddd;}*/
        /*.heard_img img{width:100%;height:100%}*/
        /*.question_text,.answer_text{box-sizing:border-box;position:relative;display:table-cell;min-height:60px;}*/
        /*.question_text{padding-right:20px;}*/
        /*.answer_text{padding-left:20px;}*/
        /*.question_text p,.answer_text p{border-radius:10px;padding:.5rem;margin:0;font-size:14px;line-height:28px;box-sizing:border-box;vertical-align:middle;display:table-cell;height:60px;word-wrap:break-word;color:#888;}*/
        /*.answer_text p{background:#fff;}*/
        /*.question_text p{background:#42929d;color:#fff;text-align:left;}*/
        /*.question_text i,.answer_text i{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:25px;}*/
        /*.answer_text i{border-right:10px solid #fff;left:10px;}*/
        /*.question_text i{border-left:10px solid #42929d;right:10px;}*/
        /*.answer_text p a{color:#42929d;display:inline-block;}*/
        /*audio{display:none;}*/
        /*.saying{position:fixed;bottom:30%;left:50%;width:120px;margin-left:-60px;display:none;}*/
        /*.saying img{width:100%;}*/
        /*.write_list{position:absolute;left:0;width:100%;background:#fff;border-top:solid 1px #ddd;padding:5px;line-height:30px;}*/
        /*#otherName { color:#0088cc; }*/
    </style>
</head>
<body>
<div id="msgTitle">
    <b>招聘来着<span id="titleName">XX</span></b>
    <img src="../images/return.png" id="msgComRtn">
</div>

<div class="speak_window">
    <div class="speak_box" id="scrollDiv">
        <div class="answer">
            <div class="heard_img left" style="background:#ffffff;">
                <img src="../images/toux01.png" height="20">
            </div>
            <div class="answer_text">
                <p>Hi，欢迎来此交流！</p>
                <i></i>
            </div>
        </div>
        <!--<div class="question">-->
            <!--<div class="heard_img right" style="background:#ffffff;">-->
                <!--<img src="../images/toux01.png" height="20">-->
            <!--</div>-->
            <!--<div class="question_text">-->
                <!--<p>Hi，欢迎来此交流！</p>-->
                <!--<i></i>-->
            <!--</div>-->
        <!--</div>-->
    </div>
</div>

<div class="wenwen-footer">
    <div class="wenwen_btn left" onclick="getJobAccept()">刷新</div>
    <div class="wenwen_text left">
        <div class="write_box">
            <input type="text" id="quest" class="left" placeholder="请输入关键字"/>
        </div>
    </div>
    <div class="wenwen_help right">
        <button class="right" onclick="setJobSend()">发送</button>
    </div>
    <div class="clear"></div>
</div>
<input type="hidden" id="talkId" value="0">





<!----------错误提示---------->
<div id="errMsg"></div>
<!----------错误提示---------->

<script type="text/javascript" src="../js/app.js"></script>
<script type="text/javascript" src="../js/messagePageChange.js"></script>
<script type="text/javascript" src="../js/msg.js"></script>
<script type="application/javascript">
    (function(){
        $('#talkId')[0].value = getUrlParam('id');
        $('#titleName').html(getUrlParam('otherName'));
        getJobAccept();
        getTalkCache();
    })();
    /**
     * 本地对话获取
     * */
    function getTalkCache(){
        var talkCache = cacheGet('msgJob');
        console.log(talkCache)
        if (talkCache=='' || talkCache==null) {
            console.log('没有历史缓存！'); return;
        }
        var i, h = '';
        for (i=0;i<talkCache.length;i++) {
            var head = '';
            if (talkCache[i].head=='') {
                head = '../images/toux01.png';
            } else {
                head = talkCache[i].head;
            }
            if (talkCache[i].align=='right') {
                h += '<div class="question">';
                h += '<div class="heard_img right">';
                h += '<img src="'+head+'" height="40">';
                h += '</div>';
                h += '<div class="question_text">';
                h += '<p>'+talkCache[i].detail+'</p>';
                h += '<i></i>';
                h += '</div>';
                h += '</div>';
            } else {
                h += '<div class="answer">';
                h += '<div class="heard_img left">';
                h += '<p>'+talkCache[i].detail+'</p>';
                h += '</div>';
                h += '<div class="answer_text">';
                h += '<p>'+talkCache[i].detail+'</p>';
                h += '<i></i>';
                h += '</div>';
                h += '</div>';
            }
        }
        $('.speak_box').append(h);
        console.log('获取缓存成功！');
    }
</script>
</body>
</html>